<div fxLayoutAlign="center center" class="pt40">
    <div fxFlex.lt-lg="98" fxFlex.gt-md="90">

        <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="20px">
            <div fxFlex="140px">
                <img [src]="manhua.img" width="140" />
            </div>
            <div fxFlex>
                <div fxLayoutAlign="start center" fxLayoutGap="20px">
                    <a [href]="manhua.href" target="_blank">{{manhua.title}}</a>
                    <!-- 漫画收藏 -->
                    <manhua-favor [manhua]="manhua" #ManhuaFavor (FavorEmit)="FavorEmitOn($event)"></manhua-favor>
                </div>
                <div class="manhua_info">

                    <span class="info">
                        <strong>漫画状态：</strong>
                        <span>{{manhua.isFinish == true?'完结':'连载中'}}</span>
                    </span>
                    <span class="info">
                        <strong>漫画作者：</strong>
                        <a [href]="manhua.auth_href"> {{manhua.auth}}</a>
                    </span>
                    <span class="info">
                        <strong>漫画类别：</strong>
                        <span>{{manhua.type || '其他'}}</span>
                    </span>

                </div>
                <div class="manhua_info">
                    <span class="info">
                        <strong>最新章节：</strong>
                        <a [href]="manhua.news_hhref">{{manhua.news}}</a>
                    </span>
                    <span class="info">
                        <strong>更新时间：</strong>
                        <span>{{manhua.updateTime}}</span>
                    </span>
                </div>
                <div class="manhua_info">
                    <span class="info">
                        <strong>{{manhua.info}}</strong>                       
                    </span>
                </div>
            </div>
        </div>

        <div class="mt20">
            <h3>章节列表</h3>
            <hr/>
            <div fxFlexFill fxLayout="column" style="position:relative;">
                <ngx-busy [busy]="ajaxSub"></ngx-busy>
                <div fxLayout="row wrap" fxLayoutAlign="start center">
                    <a mat-button *ngFor="let chapter of manhua.chapters" (click)="goToRead(chapter)" [ngClass]="{'active': chapter.href == ManhuaFavor.readNowChapterHref}">{{chapter.chapter}}</a>
                </div>
            </div>

        </div>
    </div>
</div>